<script>
  import Student from  "./components/Student"
  import School from "./components/School"
  import MyHeader from "./components/MyHeader"
  export default {
    name: "App" ,
    data(){
      return{
        msg:'欢迎学习前端技术'
      }
    },
    components: {
      Student,
      School,
      MyHeader,
    },
    methods:{

      changeDOM(){
        this.$refs.h1_msg.innerHTML='我被修改啦'
      },
      //app.vue中定义方法并通过props传入给子组件
      addTodo(obj){
        console.log(obj)
        obj.done=true
        console.log(obj)
      }
    }
  }
</script>

<template>
  <div>
    <Student/>
    <School/>
  </div>
</template>
